﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="new_item.aspx.cs" Inherits="Prototype.new_item" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="server">
    <div id="one-column-layout">
        <div id="message">
            <asp:Label ID="lblMessage" runat="server" />

        </div>
        <div id="article-panel">            
                <div class="information-msg">Create a repair article by filling the required fields marked in red and add the first step needed to start the repair in the step section.</div>
            <div class="field-holder">
                <div class="field">Article Name: <span class="asterisk">*</span></div>
                <div>
                    <asp:TextBox ID="txtArticleName" runat="server" CssClass="text-field" />&nbsp;
            <asp:RequiredFieldValidator ID="rqdArticleName" runat="server" ErrorMessage="Article name is required" CssClass="asterisk" ControlToValidate="txtArticleName" />
                </div>
            </div>
            <div class="field-holder">
                <div class="field">Article Image: </div>
                <div>
                    <asp:FileUpload ID="fleUploadImage" runat="server" CssClass="text-field" />
                </div>
            </div>
            <div class="field-holder">
                <div class="field">Step Title: <span class="asterisk">*</span></div>
                <div>
                    <asp:TextBox ID="txtStepTitle" runat="server" CssClass="text-field" />&nbsp;<asp:RequiredFieldValidator ID="rqdStepTitle" runat="server" ErrorMessage="Step Title is required" CssClass="asterisk" ControlToValidate="txtStepTitle" />
                </div>
            </div>  
            <div class="field-holder">
                <div class="field">Step: <span class="asterisk">*</span></div>
                <div>
                    <asp:TextBox ID="txtStep" runat="server" TextMode="MultiLine" CssClass="step-text-area" />&nbsp;<asp:RequiredFieldValidator ID="rqdStep" runat="server" ErrorMessage="First step is required" CssClass="asterisk" ControlToValidate="txtStep" />
                </div>
            </div>  
        </div>
        <div class="button-holder">
            <asp:Button ID="btnAddArticle" runat="server" Text="Add Article" CssClass="button" OnClick="btnAddArticle_Click" />
            <div class="clear-button"></div>
        </div>

    </div>
</asp:Content>
